.commonality {width: 1200px;margin: 0 auto;}
.favorable-box-btna a:visited{color:#FFFFFF;text-decoration:none;}
.commona-a{width: 100%;height: 100%;display: block;}
.swiper-button-next,.swiper-button-prev{transition:opacity .5s;}
.swiper-button-disabled{display:none;}
.fw600{font-weight: 600;}

/*杩囧害鍔ㄧ敾*/
 .col-ce1336 a{ color: #CE1336 !important; }
 .gd-img img{transition: all 0.6s;}
 .gd-img:hover img{transform: translateY(-10px);}
 .gd-img:hover p{ color: #ce1336; }
 .chaoshilist-box { width: 100%; margin: 0 auto; overflow: hidden; }
 .bg-hoew{ transition: all 6s; }
 .bg-wriper{ background: rgb(0, 117, 197); }

.banner-eft-list { width: 190px; float: left; }
.banner-img-box{ display: inline-block; height: 100%; width: 100%; }
.chaoshilist:hover{ background: #C0C0C0; color: #FFFFFF; }
.chaoshilist:hover a{ color: #FFFFFF; }
.chaoshilist p { line-height: 24px; font-size: 14px; font-weight: 700; }

.chaoshilist a { margin-right: 10px; color: #999; }

.chaoshilist { padding-top: 11px; background: #FFFFFF; height: 61px; padding-left: 12px; }

.banner-main { width: 100%; float: left; background: #FFFFFF; margin: 0; }

.banner-img { width: 100%; height: 438px; }
.banner-btom { width: 100%; }

.banner-btom div { float: left; }
.banner-btom-img{ width: 390px; height: 150px; overflow: hidden; }

.swiper-container { width: 100%; height: 100%; }
.brand-box{ overflow: hidden; }
.favorable-top { background: linear-gradient(180deg, #ffeec6 0, #ffd7a7); padding: 20px 0; }
.banner-right-head::before { content: ""; margin: 0 5px; display: inline-block; vertical-align: middle; width: 10px; height: 1px; background: #934b20; }
.banner-right-head::after { content: ""; margin: 0 5px; display: inline-block; vertical-align: middle; width: 10px; height: 1px; background: #934b20; }
.banner-right-head { text-align: center; font-size: 16px; color: #ce1336; }
.banner-right p { text-align: center; color: #ce1336; }
.favorable-box { width: 180px; margin: 0 auto; border-top:4px solid #ce1336; margin-top: 10px; }
.favorable-box a:hover{ color:#FFFFFF; }
.favorable-box-money { font-size: 26px; padding-top: 23px; background: #FFFFFF; }
.favorable-box-title { padding-bottom: 23px; background: #FFFFFF; }
.favorable-box-title2 { border-top:3px dashed #ce1336; line-height: 36px; color:#ce1336; background: #FFFFFF; position: relative; }
.favorable-box-title2:after{ content:""; width:12px; height:12px; top:-7px; right:-4px; border-radius:6px; background:#ffd7a7; position:absolute; }
.favorable-box-title2:before{ content:""; width:12px; height:12px; border-radius:6px; top:-7px; left:-5px; background:#ffd7a7; position:absolute; }
.favorable-box-btn { display: block; width: 100%; height: 36px; background:#ce1336; text-align: center; line-height: 36px; font-size: 14px; color: #FFFFFF; }
.favorable-bottom { background: linear-gradient(180deg, #fff2c6 0, #ffdeaa); padding: 9px 0px 1px 0px; height: 100%; }
.favorable-bottom p { margin-bottom: 10px; }
.baner-su { width: 180px; height: 185px; border-radius: 8px; margin: 0 auto; overflow: hidden; background: #FFFFFF; }
.banner-right-wrap {margin: 0 auto;width:1200px;position: relative;}
.banner-right { position:absolute;width:200px; right:0;top:0;z-index: 1 }

/*鐧诲綍鐘舵€�*/
.hs-index-right{ height:438px; background:rgba(74, 74, 74, 0.75); position:relative; }
.hs-index-right .top{ border-bottom:1px solid #e8e7e7; padding:68px 0; }
.hs-index-right .top .img{ width:60px; height:60px; border-radius:60px; overflow:hidden; margin:0 auto; }
.hs-index-right .top p,.hs-index-right .bottom .bd ul li p{ height:30px; line-height:30px; }
.hs-index-right .top p.hs-button{ height:auto; }
.hs-index-right .top p.hs-button a:first-child,.hs-index-right .top p.hs-button a:last-child{ background:#000; color:#fff; display:inline-block; padding:0 10px; border-radius:3px; height:26px; line-height:26px; }
.hs-index-right .top p.hs-button a:last-child{ background:#D42631; margin-left:3px; }
.hs-index-right .center{ width:100%; height:auto; padding:6px 12px; }
.hs-index-right .center .hs-tab { height:24px; line-height:24px; margin-bottom:4px; }
.hs-index-right .center .hs-box ul li{ height:25px; line-height:25px; }
.hs-index-right .center .hs-tab ul li{ display:inline-block; font-size:14px; margin-right:15px; position:relative; }
.hs-index-right .center .hs-tab ul li.on a{ color:#fff; }
.hs-index-right .center .hs-tab ul li.on:after{ content:""; height:2px; width:24px; background:rgb(0, 117, 197); display:block; position:absolute; bottom:0px; left:0; }
.hs-index-right .center .hs-box,.hs-index-right .center .hs-box .hd{ width:100%; height:auto; position:relative; }
.hs-index-right .center .hs-box .hd .more{ position:absolute; right:0; top:-25px; font-size:12px; color:#ccc; }
.hs-index-right .center .hs-box .hd .more:hover { color:#fff; }
.hs-index-right .center .hs-box ul li a{ display:block; width:100%; height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#fff; }
.hs-index-right .center .hs-box ul li a:hover{ color:#ccc; }
/*.hs-index-right .center .hs-box ul li a:hover{ color:rgb(0, 117, 197); } */


/*澶ц疆鎾浘*/
.swiper-goods-box { width:100%; height:100%; text-align:center; }
.swiper-goods-box img { display: block; width:130px; height:130px; margin:10px auto; }
.swiper-fenye{ height: 20px; margin-bottom:10px; }
.fenye-box{ margin-top: 15px; width: 1200px; height: 80px; overflow: hidden; position: relative; border: 4px solid #575251; background: #FFFFFF; }
.fenye-dw{ width: 100px; height: 18px; margin: 0 auto; border-radius:1px ; text-align: center; padding-top: 5px; }
.fenye-dw span{ margin: 0 5px; width: 10px; height: 10px; }
.swiper-button-prev.swiper-button-white.bannericon-right{ background: rgba(0,0,0,0.4); width:40px; height:85px; color:#FFF; text-align:center; left:-40px; line-height:85px; }
.swiper-button-prev.swiper-button-white.bannericon-right i{ font-size:30px; }
.swiper-button-next.swiper-button-white.bannericon-left { background: rgba(0,0,0,0.4); width:40px; color:#FFF; height:85px; right:-40px; text-align:center; line-height:85px; }
.swiper-button-next.swiper-button-white.bannericon-left i{ font-size:30px; }
.swiper-goods-box .btn { margin:0 auto; }
.banner-img .swiper-container .bannericon-right,.banner-img .swiper-container .bannericon-left{ transition:0.2s all; }
.banner-img:hover .bannericon-right { left:20px;}
.banner-img:hover .bannericon-left { right:20px;}

/* 瓒呯骇鍝佺墝 */
.brand_index_box { width:100%; height:330px; margin-top:15px; }
.brand_index_box .brand_left { width:190px; height:330px; float:left; background:url(../images/brand_bg.jpg) no-repeat; }
.brand_index_box .brand_left a::before { width:190px; height:330px; display:block; position:absolute; border:0px solid #fff; transition:.2s ease-in-out; position:relative; content:""; }
.brand_index_box:hover .brand_left a::before { width:190px; height:330px; display:block; position:absolute; border:6px solid #e2163c; content:""; transition:.2s ease-in-out; }
.brand_index_box .brand_right { width:996px; height:330px; float:right; background:#eee; border-left:1px solid #eee; border-top:1px solid #eee; }
.brand_index_box .brand_right ul li { width:199px; height:165px; overflow:hidden; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.brand_index_box .brand_right ul li a { width:199px; height:165px; display:block; position:relative; }
.brand_index_box .brand_right ul li a img { transition:.2s ease-in-out; }
.brand_index_box .brand_right ul li a .textforl { width:199px; height:165px; text-align:center; padding:25px; position:absolute; background:rgba(0,0,0,0.8); z-index:1; top:165px; left:0px; transition:.3s ease-in-out; }
.brand_index_box .brand_right ul li a .textforl .spot { width:100%; height:60px; line-height:60px; font-size:18px; color:#fff; }
.brand_index_box .brand_right ul li a:hover .textforl { top:0px; transition:.2s ease-in-out; }
.brand_index_box .brand_right ul li a:hover img { filter:blur(5px); transition:.2s ease-in-out; }

/* 涓婚〉tab鍒囨崲 */
.hotshop-a { width:1200px; margin:0 auto; padding-top:15px; }
.hotshop-a .hotshop-a-head { height:60px; }
.hotshop-a .hotshop-a-head .hotshop-a-headbox { width:50%; height:100%; cursor:pointer; float:left; background:#504a54; text-align:center; line-height:60px; color:#FFFFFF; font-size:18px; font-weight:700; }
.hotshop-a .hotshop-a-head .hotshop-a-action { background:#ff9003; position:relative; }
.hotshop-a .hotshop-a-head .hotshop-a-action:after { content:""; position:absolute; left:50%; width:0; height:0; transform:translateX(-50%); bottom:0; margin-bottom:-20px; border-width:10px; border-style:solid; border-color:#ff9003 transparent transparent; }
.hotshop-a .hotshop-a-goods { width:100%; background:#FFF; }
.hotshop-a .hotshop-a-goods li { float:left; width:20%; height:295px; position:relative; overflow:hidden; }
.hotshop-a .hotshop-a-goods li img { width:200px; height:200px; display:block; margin:20px auto 6px auto; transition:all 0.8s; }
.hotshop-a .hotshop-a-goods li .hotshop-a-goodstitle { padding-top:10px; }
.hotshop-a .hotshop-a-goods li .hotshop-a-goodstitle a { display:block; text-align:center; }
.hotshop-a .hotshop-a-goods li .hotshop-a-goodstitle a p { width:160px; height:18px; overflow:hidden; white-space:nowrap; font-size:12px; color:#999; text-overflow:ellipsis; margin:0 auto; }
.hotshop-a .hotshop-a-goods li .hotshop-a-goodstitle a em { color:#f43f00; font-size:18px; line-height:24px; font-weight:bold; }
.hotshop-a .hotshop-a-goods li .hotshop-a-goodstitle .hotshop-a-ljshop { width:100%; height:56px; display:block; background:#ff9003; line-height:56px; font-size:16px; color:#FFF; position:absolute; bottom:-56px; z-index:9; transition:all 0.3s; }
.hotshop-a .hotshop-a-goods li:hover { box-shadow:0 -2px 10px rgba(236, 112, 2, 0.4); }
.hotshop-a .hotshop-a-goods li:hover .hotshop-a-ljshop { bottom:0; }
      
/*鏂板搧鍒楄〃*/
.goodssmilelist { margin-top: 15px; }
.newgoods { width: 100%; height: 270px; }
.newgoods .newtitleimg { width:190px; height:270px; float:left; background:url(../images/newgoods.jpg) no-repeat; }
.newgoods .newtitleimg::before { width:190px; height:270px; display:block; position:absolute; border:0px solid #fff; transition:.2s ease-in-out; position:relative; content:""; }
.newgoods:hover .newtitleimg::before { width:190px; height:270px; display:block; position:absolute; border:8px solid #ccc; content:""; transition:.2s ease-in-out; }
.newgoods-list { float: left; width: 1010px; overflow: hidden; background: #FFFFFF; }
.newgoods-list li { padding: 25px; padding-right:0px; width: 197px; height: 270px; text-align: center; float: left; }
.newgoods-list li img { width:100%; }
.newgoods-list li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:12px; }
.newgoods-list li span { margin: 20 auto; line-height:34px; font-size:16px; color: #ce1336; }
.newgoods-li img{ width: 150px; height: 150px; overflow: hidden; }
.newgoods-list li::after { content: ""; width: 1px; height: 270px; background: #e5e5e5 }

/*涓€鍏冭喘*/
.color-999{color: #999999;}
.oneyunshop-box{height: 340px; margin: 20px 0;}
/*涓€鍏冭喘鍐呭鍖�*/
.oneyunshop-box .oneyuanshop{width: 1200px; height: 280px; overflow: hidden;}
/*//left*/
.oneyunshop-box .oneyuanshop-left{background: #FFFFFF; width: 390px; height: 100%; overflow:hidden; float: left;}
.oneyunshop-box .oneyuanshop-left a{display: block;width: 100%;height: 100%; position: relative;}
.oneyunshop-box .oneyuanshop-left a img{width: 390px;height: 280px;}
.oneyunshop-box .oneyuanshop-left a .oneshop-lefttxt-box{ width: 100%; height: 50px;text-align: center; position: absolute;bottom: 30px; left: 0;}
.oneyunshop-box .oneyuanshop-left a .oneshop-lefttxt-box p:nth-child(1){color: #FFFFFF; font-size: 20px;font-weight: 600;}
.oneyunshop-box .oneyuanshop-left a .oneshop-lefttxt-box p:nth-child(2){color: #FFFFFF; font-size: 12px;}
/*right*/
.oneyunshop-box .oneyuanshop-right{position: relative;padding: 15px 0; width: 792px; height: 100%; overflow: hidden; float: right;background: #FFFFFF;}
.oneshop li{width: 195px;float: left;height: 100%;}
.oneshop li .one-y-img{display: block;width: 125px; height: 125px; overflow: hidden;margin: 0 auto;margin-top:5px;border-radius: 5px;}
.oneshop li .one-y-img img{width: 125px; height: 125px;}
.oneshop li .one-y-txt{width: 100%;margin: 0 auto;}
.oneshop li .one-y-txt p{text-align: center;}
.oneshop li .one-y-txt p:nth-child(1){color: #666;font-size: 12px;font-weight: 700; display: block;margin: 8px 0 8px;}
.oneshop li .one-y-txt .one-y-jdt{width: 125px;height: 5px;margin: 0 auto;}
.oneshop li .numbof-cn{font-size: 12px;width: 170px;line-height:7px;height: 40px;overflow: hidden; margin: 0 auto;}
.oneshop li .numbof-cn .numbof-cn-left{float: left;text-align: left ;}
.oneshop li .numbof-cn .numbof-cn-right{float: right;}
.oneyuanshop-right .swiper-container8 ul li .numof-go a{color: #CE1336; display: inline-block;line-height: 10px; text-align:center;height: 20px; padding: 5px 10px;margin: 0 auto;border: 1px solid #CE1336;} 
.oneyuanshop-right .swiper-container8 ul li .numof-go a:hover{background: #CE1336; color: #FFFFFF;}
.oneyuanshop-right .swiper-container8 ul li .numof-go{text-align: center;}
.yyg-btn-left{ width: 20px; height: 30px; font-size: 21px; color: #FFFFFF; background: #C0C0C0; line-height: 40px;  text-align: center; }
.yyg-btn-right{ width: 20px; height: 30px; font-size: 21px; color: #FFFFFF; background: #C0C0C0; line-height: 40px;  text-align: center; }

/*宸︿晶妤煎眰瀹氫綅bar*/
.elevator { width:78px; left:50%; top:50%; border:1px solid #d6d6d6; border-radius:3px; position:fixed; margin-top:-130px; margin-left:-689px; background:#fff; z-index:100; display:none; }
.elevator .index-nav-sort { padding:4px; }
.elevator .index-nav-sort a { width:68px; height:36px; line-height:36px; display:block; margin:0 auto; text-align:center; border-bottom:1px solid #eee; }
.elevator .index-nav-sort a .coolc,.index-nav-sort a .nav-title { display:inline-block; }
.elevator .index-nav-sort a .coolc { width:18px; height:36px; margin-right:4px; text-align:left; }
.elevator .index-nav-sort a.active { background:#cb2730; color:#fff; border-radius:3px; }

/*鍟嗗搧鍒楄〃瀹戒寒*/
.goodslist { height: 540px; margin-top: 10px; }

/*鍟嗗搧鍐呭澶撮儴*/
.goodslist-head { height: 44px; line-height: 44px; display: flex; align-items: center; justify-content: space-between; background: #0b63cf; padding: 0 10px; }
.goodslist-head h3 { color: #fff; display: inline-block; font-size: 22px; }
/*.goodslist-head #cutgoodslist li:hover a{ color: #ce1336 !important; }*/
.goodslist-head #cutgoodslist li:hover a{ color: #cccccc !important; }
.goodslist-head #cutgoodslist li a{ display: block; line-height: 26px;color:#fff; }
.goodslist-head .goos-list-qh{ float: right; }
.goodslist-head .goodsheadlist-a a{ color: #ce1336 !important; border-bottom: 2px solid #ce1336; }
.goodslist-head .goos-list-qh ul li{ float: left; margin-left: 30px; line-height: 26px; font-size: 16px; }
.goodslist-head .goos-list-qh ul li a{ padding: 1px; }

/*鍟嗗搧鍐呭*/
.goodslist-left { height: 485px; float: left; }
.goodslist-left .goods-img { height: 70%; overflow: hidden; }
.goodslist-left .goods-lable { bottom: 0; height: 30%; width: 190px; overflow: hidden; background:#CE1336; }
.goodslist-left .goods-lable ul{ float: left; padding: 0 8px; }
.goodslist-left .goods-lable ul li { width:75px; height:28px; float:left; border:1px solid #fff; background:rgba(255,255,255,0.3); text-align:center; line-height:26px; margin:14px 6px 0px 6px; overflow: hidden; }
.goodslist-left .goods-lable ul li:hover{ border-color: #fff; background:none; }
.goodslist-left .goods-lable ul li:hover a{ color: #FFFFFF; display:block; }
.goodslist-left .goods-lable ul li a { color: #FFFFFF; }

  /*妤煎眰棰滆壊*/
.goodslist:nth-child(2) .goods-lable { background:#ab5da6; }
.goodslist:nth-child(3) .goods-lable { background:#52c4ff; }
.goodslist:nth-child(4) .goods-lable { background:#4ed3b2; }
.goodslist:nth-child(5) .goods-lable { background:#ffb400; }

/*鍟嗗搧妗�*/
.goods-main { width: 1010px; float: left; overflow: hidden; }
.goods-main .goods-main-list { overflow: hidden; height: 485px; background:#fff; }
.goods-main li { width: 20%; height: 50%; padding: 10px 14px 0; background: #FFFFFF; float: left; position: relative; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #F2F2F2; }
.goods-main li:nth-child(5n) { border-right:0px; }
.goods-main li:nth-child(n+6) { border-bottom:0px; }
.goods-main .goods-main-list li p { margin-bottom: 7px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; height: 36px; -webkit-box-orient: vertical; font-size: 12px; }
.goods-main .gd-img a{ display: block; }
.goods-main .goods-main-list li img { display:block; width:140px; height:140px; margin:10px auto 10px; }
.goods-main .goods-main-list li span { color:#ce1336; font-size:14px; }
.goods-main-list li i{ color:#ce1336; position:absolute; font-size:16px; bottom:10px; right:15px; }

/*鍙嬮摼*/
.ylbg { width:1200px; margin:0 auto; padding:20px 0 10px 0; }
.hs-friendship { width:100%; height:auto; }
.hs-friendship h3 { font-size:20px; display:block; width:200px; height:34px; font-weight:bold; }
.links { overflow:hidden; }
.links a { display:block; height:35px; margin-right:15px; font-size:14px; float:left; color:#999; }
.links a:hover { color:#ce1336; }

/*杩涘害鏉�*/
.progress { height:100%; width: 100%; background:#ebebeb; border-left:1px solid transparent; border-right:1px solid transparent; border-radius:10px; }
.progress > span { height: 100%; position:relative; float:left; margin:0 -1px; min-width:30px; height:18px; line-height:16px; text-align:right; background:#cccccc; border:1px solid; border-color:#bfbfbf #b3b3b3 #9e9e9e; border-radius:10px; background-image:-webkit-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%); background-image:-moz-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%); background-image:-o-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%); background-image:linear-gradient(to bottom,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%); -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2); box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2); }
.progress > span > span { padding:0 8px; font-size:11px; font-weight:bold; color:#404040; color:rgba(0,0,0,0.7); text-shadow:0 1px rgba(255,255,255,0.4); }
.progress > span:before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; height:18px; background:url("../img/progress.png") 0 0 repeat-x; border-radius:10px; }
.progress .green { background:#85c440; border-color:#78b337 #6ba031 #568128; background-image:-webkit-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%); background-image:-moz-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%); background-image:-o-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%); background-image:linear-gradient(to bottom,#b7dc8e 0%,#99ce5f 70%,#85c440 100%); }
.progress .red { background:#db3a27; border-color:#c73321 #b12d1e #8e2418; background-image:-webkit-linear-gradient(top,#ea8a7e 0%,#e15a4a 70%,#db3a27 100%); background-image:-moz-linear-gradient(top,#ea8a7e 0%,#e15a4a 70%,#db3a27 100%); background-image:-o-linear-gradient(top,#ea8a7e 0%,#e15a4a 70%,#db3a27 100%); background-image:linear-gradient(to bottom,#ea8a7e 0%,#e15a4a 70%,#db3a27 100%); }
.progress .orange { background:#f2b63c; border-color:#f0ad24 #eba310 #c5880d; background-image:-webkit-linear-gradient(top,#f8da9c 0%,#f5c462 70%,#f2b63c 100%); background-image:-moz-linear-gradient(top,#f8da9c 0%,#f5c462 70%,#f2b63c 100%); background-image:-o-linear-gradient(top,#f8da9c 0%,#f5c462 70%,#f2b63c 100%); background-image:linear-gradient(to bottom,#f8da9c 0%,#f5c462 70%,#f2b63c 100%); }
.progress .blue { background:#5aaadb; border-color:#459fd6 #3094d2 #277db2; background-image:-webkit-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%); background-image:-moz-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%); background-image:-o-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%); background-image:linear-gradient(to bottom,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%); }